<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>购物车</title>
    <script src="js/config.js"></script>
    <link rel="icon" href="favicon.ico">
    <link rel="stylesheet" href="css/header_nav_footer.css">
    <link rel="stylesheet" href="css/shoppingCart.css">
    <link rel="stylesheet" href="css/common.css">
    <script src="js/banner.js"></script>
    <script src="js/shoppingCart.js" defer="defer"></script>
    <script src="js/jquery.min.js"></script>
    <script src="js/Detail/tobookInfo.js"></script>
<!--    <script src="js/checkAccount.js"></script>-->
    <script src="js/searchbook.js"></script>
</head>

<body>


    <!-- 头部 -->
    <a href="index.html" id="heada">
        <div class="head w">
            <img src="img/head.jpg" alt="">
        </div>
    </a>
    <!-- 主体 -->
    <!-- 头部介绍 送至 -->
    <div class="intro">
        <div class="intro1">
            <!-- 左边地址 -->
            <div class="addressf">
                <a class="addressfa">送至：江苏</a>
            </div>
            <!-- 右边切换页面 -->
            <div class="page">
                <ul class="pageul">
                    <li class="pageulli">
                            <span id="page_login">欢迎光临当当，请
                                <a href="login&register.html" class="pageullireg">登录</a>
                                成为会员 &nbsp;
                            </span>
                    </li>
                    <li><img src="img/gouwuche.png"><a href=""> 购物车</a></li><i>|</i>
                    <li><a href="">我的订单</a></li><i>|</i>
                    <li><a href="">我的云书房</a></li><i>|</i>
                    <li class="pagelidd"><a href="">我的当当&nbsp;<img class="pageliddimg" src="img/jiantouxia.png"></a>
                        <div class="pagedd ">
                            <ul class="pageddul">
                                <li><a href="">银铃铛抵现</a></li>
                                <li><a href="">我的收藏</a></li>
                                <li><a href="">我的余额</a></li>
                                <li><a href="">我的评论</a></li>
                                <li><a href="">礼券/礼品卡</a></li>
                            </ul>
                        </div>
                    </li><i>|</i>
                    <li><a href="">当当拼团</a></li><i>|</i>
                    <li><a href="">小说投稿</a></li><i>|</i>
                    <li class="pagelicg"><a href="">企业采购&nbsp;<img class="pagelicgimg" src="img/jiantouxia.png"></a>
                        <div class="pagecg ">
                            <ul class="pagecgul">
                                <li><a href="">大宗采购
                                    </a></li>
                                <li><a href="">礼品卡采购</a></li>
                                <li><a href="">礼品卡使用</a></li>
                                <li><a href="">分销/荐购</a></li>
                                <li><a href="">礼品卡专区</a></li>
                            </ul>
                        </div>
                    </li><i>|</i>
                    <li><a href="">客户服务</a></li><i>|</i>
                    <li><a href="">切换无障碍</a></li><i>|</i>
                    <li><a href="">进入关怀模式</a></li>
                </ul>
            </div>
        </div>
    </div>


    <div class="header">
        <div class="search">
            <form action="">
                <input type="text" id="search" placeholder="输入你想要的商品"><input type="submit" value="搜索"
                    style="background-color: rgb(177,25,26);" onclick="searchbook()">
            </form>
            <p>
                <a onclick="todeatil(this)">沙丘<span hidden>沙丘</span></a>
                <a onclick="todeatil(this)">父与子<span hidden>父与子</span></a>
                <a onclick="todeatil(this)">海浪<span hidden>海浪</span></a>
                <a onclick="todeatil(this)">百年孤独<span hidden>百年孤独</span></a>
                <a onclick="todeatil(this)">南明史<span hidden>南明史</span></a>
                <a onclick="todeatil(this)">名人传<span hidden>名人传</span></a>
                <a onclick="todeatil(this)">朱元璋传<span hidden>朱元璋传</span></a>
                <a onclick="todeatil(this)">红与黑<span hidden>红与黑</span></a>
            </p>
        </div>
        <div class="__nav">
            <ul>
                <li><a class="nav_first_a" href="">全部商品分类</a></li>
                <li><a href="index.html">首页</a></li>
                <li><a href="">哲学</a></li>
                <li><a href="">小说</a></li>
                <li><a href="">童书</a></li>
                <li><a href="">工具书</a></li>
                <li><a href="">传记</a></li>
                <li><a href="">历史</a></li>
                <li><a href="">文学</a></li>
                <li><a href="">励志</a></li>
            </ul>
        </div>
        <div class="body">
            <article>
                <form action="paymentSuccessful.html">
                    <table cellspacing="0" id="shoppingCart">
                        <tr>
                            <th><input type="checkbox" id="checkAll">全选</th>
                            <th>店铺宝贝</th>
                            <th>单价（元）</th>
                            <th>数量</th>
                            <th>小计（元）</th>
                            <th>操作<input type="button" value="(*)清空" onclick="clearAll()"/></th>
                        </tr>
                    </table>
                    <section>
                        <div>
                            <input type="button" value="删除所选" onclick="deleteChecked()">
                        </div>
                        <div>
                            <p>商品总价（不含运费）：<span id="total"></span>元</p>

                            <input type="submit" value="立刻购买" style="background-color: rgb(177,25,26)" onclick="
                                buyAll()">
                        </div>
                    </section>
                </form>
            </article>
        </div>
    </div>

    <!-- 底部 -->
    <div class="bottom w">
        <!-- 底部图片1 -->
        <div class="btintro">
            <ul class="btul">
                <li class="btli1">
                    <img src="img/bt正.png" alt="">
                    <div class="btlidiv">
                        <span>正 规 渠 道 正 品 保 障</span>
                    </div>
                </li>
                <li class="btli2">
                    <img src="img/bt车.png" alt="">
                    <div class="btlidiv">
                        <span>6 2 5 城 市 次 日 到 达</span>
                    </div>
                </li>
                <li class="btli3">
                    <img src="img/bt购物.png" alt="">
                    <div class="btlidiv">
                        <span>退 换 无 忧 购 物 无 忧</span>
                    </div>
                </li>
            </ul>
        </div>
        <!-- 底部信息 -->
        <div class="btinf">
            <!-- 信息1 -->
            <div class="btinfdv w">
                <dl class="btinfdvdl">
                    <dt>购物指南
                    <dd>购物流程</dd>
                    <dd>发票制度</dd>
                    <dd>服务协议</dd>
                    <dd>会员优惠</dd>
                    </dt>
                </dl>
                <dl>
                    <dt>支付方式
                    <dd>网上支付</dd>
                    <dd>礼品卡支付</dd>
                    <dd>银行转帐</dd>
                    <dd>礼券支付</dd>
                    </dt>
                </dl>
                <dl>
                    <dt>订单服务
                    <dd>配送服务查询</dd>
                    <dd>订单状态说明</dd>
                    <dd>自助取消订单</dd>
                    <dd>自助修改订单</dd>
                    </dt>
                </dl>
                <dl>
                    <dt>配送方式
                    <dd>当日递</dd>
                    <dd>次日达</dd>
                    <dd>订单自提</dd>
                    <dd>验货与签收</dd>
                    </dt>
                </dl>
                <dl>
                    <dt>退换货
                    <dd>退换货服务查询</dd>
                    <dd>自助申请退换货</dd>
                    <dd>退换货进度查询</dd>
                    <dd>退款方式和时间</dd>
                    </dt>
                </dl>
                <dl>
                    <dt>商家服务
                    <dd>商家中心</dd>
                    <dd>运营服务</dd>
                    </dt>
                </dl>
            </div>
        </div>
        <div class="btinf2">
            <!-- 信息2 -->
            <div class="btinf2dv w">
                <ul class="btinf2dvul">
                    <li class="btinf2dvulli">公司简介</li><span>│</span>
                    <li>诚聘英才</li><span>│</span>
                    <li>网站联盟</li><span>│</span>
                    <li>当当招商</li><span>│</span>
                    <li>手机当当</li><span>│</span>
                    <li>机构销售</li><span>│</span>
                    <li>官方Blog</li><span>│</span>
                    <li>知识产权</li><span>│</span>
                    <li>热词搜索</li>
                </ul>
                <p>Copyright 2004 - 2021当当网.All Rights Reserved</p>
                <p>京ICP证O41189号<span>|</span>出版物经营许可证新出发京批字第直0673号<span>|</span>食品经营许可证:JY11101050363440</p>
                <p>京ICP备17043473号-1<span>|</span>京公网安备11010502037644号<span>|</span>经营许可证编号:合字B2-20160011<span>|</span>互联网药品信息服务资格证
                </p>
                <p>互联网违法和不良信息举报电话:4001066666-5，涉未成年举报电话:4001066666-9，邮箱: jubao_cbw@dangdang.com
                </p>
                <p>网络出版服务许可证（署）网出证(京)字第117号北京当当科文电子商务有限公司，通信地址:北京市朝阳区北三环东路8号静安中心
                </p>
            </div>
        </div>
        <!-- 底部放图片 -->
        <div class="btimg">
            <ul>
                <li class="btimgli1"><img src="img/首都安全.png"></li>
                <li><img src="img/品牌官网.png"></li>
                <li><img src="img/不良信息举报.png"></li>
                <li><img src="img/可信网站.png"></li>
                <li><img src="img/无障碍服务.jpg"></li>
            </ul>
        </div>
    </div>
</body>

</html>